<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta charset="UTF-8">
		<title>全唐通</title>
		<link rel="stylesheet" href="//cdn.bootcss.com/weui/0.4.3/style/weui.min.css">
		<link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/0.8.0/css/jquery-weui.min.css">
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/callCar.css" />
		<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
		<script src="//cdn.bootcss.com/jquery-weui/0.8.2/js/jquery-weui.min.js"></script>
		<script type="text/javascript" src="lib/fastclick.js"></script>
	</head>
	<body ontouchstart="">
		<div class="wrap">
			<div class="weui_cell header">
				<div class="weui_cell_hd" id="userInfo">
					<img src="img/uesr.png"/>
				</div>
			    <div class="weui_cell_bd weui_cell_primary">
			    </div>
			</div>
			<div class="waiting">
				<div class="waiting-title">
					<h4>收到，正在为您叫车</h4>
					<p>附近的司机会为您优先通知</p>
				</div>
	  		</div>
	  		<div class="waiting-time">
	  			<img src="img/loading.png">
	  			<div class="timeout">
	  				<span class="timeout-min">00</span> :
	  				<span class="timeout-sec">00</span>
	  				<p>请稍后</p>
	  			</div>
	  		</div>
	  		<div class="weui_cell">
	  			<button class="weui_btn weui_btn_primary" style="background-color: #007AFF;" id="cancel_call">取消叫车</button>
	  		</div>
  		</div>
  		<div class="modal-wall"></div>
  		<!--侧边栏-->
  		<div class="weui_cells left-menu" id="left_menu">
			<div class="weui_cell usercenter">
				<div class="weui_cell_hd" >
					<img src="img/uesr.png"/>
				</div>
			    <div class="weui_cell_bd weui_cell_primary">
			    	<p class="user_number"></p>
			    </div>
			</div>
			<div class="weui_cell" id="orderlist">
				<div class="weui_cell_hd">
					<img src="img/banknote.png"/>
				</div>
			    <div class="weui_cell_bd weui_cell_primary">
			    	<p>行程</p>
			    </div>
			</div>
			<div class="weui_cell" id="bag">
				<div class="weui_cell_hd">
					<img src="img/banknote.png"/>
				</div>
			    <div class="weui_cell_bd weui_cell_primary">
			    	<p>钱包</p>
			    </div>
			</div>
			<div class="weui_cell" id="set">
				<div class="weui_cell_hd">
					<img src="img/banknote.png"/>
				</div>
			    <div class="weui_cell_bd weui_cell_primary">
			    	<p>设置</p>
			    </div>
			</div>
			<div class="weui_cell" id="download">
				<div class="weui_cell_hd">
					<img src="img/download.png"/>
				</div>
			    <div class="weui_cell_bd weui_cell_primary">
			    	<p >下载全唐通</p>
			    </div>
			</div>
		</div>
		<!-- 查询行程 -->
		<div id="order-list" class="weui-popup-container">
		  	<div class="weui-popup-overlay"></div>
		  	<div class="weui-popup-modal">
				<ul class="menu-list">
				</ul>
				<button class="close-popup">关闭</button>
		  	</div>
		</div>
  		<script type="text/javascript" src="js/sideMenu.js"></script>
  		<script type="text/javascript" src="js/build.js"></script>
  		<script type="text/javascript">

			$(function(){
				var min = $(".timeout-min").text();
				var sec = $(".timeout-sec").text();
				var timer = setInterval(function(){
					if(sec == 59){
						sec = "0";
						min = parseInt(min) + 1;
						min = min < 10 ? "0" + min : min;
					}else{
						sec = parseInt(sec) + 1;
					}
					sec = sec < 10 ? "0" + sec : sec;
					$(".timeout-sec").text(sec);
					$(".timeout-min").text(min);
				},1000);

				Build.eventClick("#cancel_call", Menu.cancelCall);
				Build.getMsg(false);

  				var degrees = 360;
				setInterval(function(){
  					$(".waiting-time img").css({
						'-webkit-transform': 'rotate(' + degrees + 'deg)',
						'-moz-transform': 'rotate(' + degrees + 'deg)',
						'-ms-transform': 'rotate(' + degrees + 'deg)',
						'-o-transform': 'rotate(' + degrees + 'deg)',
						'transform': 'rotate(' + degrees + 'deg)',
						"-webkit-transition": "all 1s",
						"-moz-transition":"all 1s",
						"-ms-transition":"all 1s",
						"-o-transition":"all 1s",
						"transition": "all 1s",
					});
					degrees+= 360;
				},1000)
			});
  			function bgAnimate(degrees){
				var $ele = $(".waiting-time img");
				$ele.css({
					'-webkit-transform': 'rotate(' + degrees + 'deg)',
					'-moz-transform': 'rotate(' + degrees + 'deg)',
					'-ms-transform': 'rotate(' + degrees + 'deg)',
					'-o-transform': 'rotate(' + degrees + 'deg)',
					'transform': 'rotate(' + degrees + 'deg)'
				});
			}
  		</script>
	</body>
</html>
